import React from 'react';

type FishProps = {
  x: number;
  y: number;
  size: number;
  rotation?: number;
};

const Fish: React.FC<FishProps> = ({ x, y, size, rotation = 0 }) => {
  return (
    <g transform={`translate(${x}, ${y}) rotate(${rotation}) scale(${size / 100})`}>
      <g className="fish-inner">
        <path d="M0,0 C20,-15 40,-10 50,0 C40,10 20,15 0,0 Z" fill="#FF6B6B" />
        <path d="M-10,-8 L-25,0 L-10,8 Z" fill="#FF5252" />
        <circle cx="30" cy="0" r="3" fill="white" />
        <circle cx="31" cy="0" r="1.5" fill="black" />
        <path d="M15,-10 C25,-20 30,-15 20,-5 Z" fill="#FF8A80" />
        <path d="M15,10 C25,20 30,15 20,5 Z" fill="#FF8A80" />
      </g>
    </g>
  );
};

export default Fish;
